<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="imgae/png" href="images/logo2.png">
    <script src="js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>订单信息</title>
    <link rel="stylesheet" href="css/orderList.css">
    <script src="js/requestUtil.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/orderList.js"></script>
    <script src="plugins/layui/layui.js"></script>
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
</head>
<body>
<div id="order_context">
    <div class="orderheard">
        <button class="btn AddBnt" >新增</button>
        <button class="btn btn-xs okAddBnt" style="display:none;">新增</button>
        <button class="btn btn-xs colseAddBnt"style="display:none;" >关闭新增</button>
        <div class="input-group">
                <input type="text" class="form-control" id="SearchText" placeholder="请输入客户名称">
                <span class="input-group-addon" id="Search">搜索</span>
        </div>
        <a href="ExportOredr">
            <button class="AddBnt btn btn-sm button" id="ExportBnt" >
                导出
            </button>
        </a>
    </div>
    <div class="orderList">
        <form target="nm_iframe" class="order_context add"  style="display: none" >
            <div class="oreder_context_info">
                头像:  <img src="../../images/tx.png" height="30" width="30" class="imgPanle"/>
            </div>
        <div class="oreder_context_info" >
            成交客户：<select  v-model="couponSelected">
                            <option v-for="cus in customer" :value="cus.customerId" >
                                {{cus.customerId}}
                                {{cus.customerName}}</option>

                       </select>
        </div>
        <div class="oreder_context_info">
            产品： <input type="text"  class="order_name" ></span>
        </div>
        <ul class="order_info">
            <li class="order_item">
                订单编号:
            </li>
            <li class="order_item">
                <input type="text" class="order_id">
            </li>
            <li class="order_item">
                订单数量:
            </li>
            <li class="order_item">
                <input type="text"   class="order_num">
            </li>
            <li class="order_item">
                订单金额:
            </li>
            <li class="order_item">
                <input type="text" class="order_moeny"  >
            </li>
        </ul>
    </form>
        <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
    <div class="oreder_box" v-for="(orde,index) in message" >
        <div class="order_heard">
            <button class="btn btn-xs hide closeBnt" >取消</button>
            <input type="hidden" v-model="index">
            <button class="btn btn-xs hide OkbntEdit" >确定编辑</button>
            <div><button class="btn btn-xs EidtBnt" >编辑</button></div>
            <div>
                <input type="hidden" v-model="orde.orderId" >
                <button class="btn btn-xs closBnt" >删除</button>
            </div>

        </div>
        <div class="order_context"  >

            <div class="oreder_context_info">
                头像:  <img src="../../images/tx.png" height="30" width="30" class="imgPanle"/>
            </div>
            <div class="oreder_context_info" >
                成交客户：<input type="text" class="costmer_name" readonly name="costmer_name" v-model="orde.custmoerName"></span>
            </div>
            <div class="oreder_context_info">
                产品： <input type="text" readonly name="order_name" v-model="orde.orderName"></span>
            </div>
            <ul class="order_info">
                <li class="order_item">
                    订单编号:
                </li>
                <li class="order_item">
                    <input type="text" readonly v-model="orde.orderId" class="order_id">
                </li>
                <li class="order_item">
                    订单数量:
                </li>
                <li class="order_item">
                    <input type="text" v-model="orde.orderCout" readonly name="order_num">
                </li>
                <li class="order_item">
                    订单金额:
                </li>
                <li class="order_item">
                    <input type="text" readonly name="order_moeny" v-model="orde.orderMoney" >
                </li>
            </ul>
            </div>
        </div>
    </div>

<div id="pagination">
</div>
</div>
</body>
</html>